<!Doctype html>
<html lang="zh">
<head>
    <meta charset=utf-8>
    <meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name=viewport>
    <title>GameSpiderHub</title>
    <style>
    html, body {
        font-family: sans-serif;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
        background-color: #F7F8FB;
        height: 100%;
        -webkit-font-smoothing: antialiased;
    }

    body {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .message {
        text-align: center;
        align-self: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px 20px;
        max-width: 450px;
    }

    .message__title {
        font-size: 22px;
        font-weight: 100;
        margin-top: 15px;
        color: #47494E;
        margin-bottom: 8px;
    }

    p {
        -webkit-margin-after: 0px;
        -webkit-margin-before: 0px;
        font-size: 15px;
        color: #7F828B;
        line-height: 21px;
        margin-bottom: 4px;
    }

    .btn {
        text-decoration: none;
        padding: 8px 15px;
        border-radius: 4px;
        margin-top: 10px;
        font-size: 14px;
        color: #7F828B;
        border: 1px solid #7F828B;
    }

    .hk-logo, .app-icon {
        fill: #DBE1EC;
    }

    .info {
        fill: #9FABBC;
    }

    body.friendly {
        background: -webkit-linear-gradient(-45deg, #8363a1 0%, #74a8c3 100%);
        background: linear-gradient(135deg, #8363a1 0%, #74a8c3 100%);
    }

    body.friendly .message__title {
        color: #fff;
    }

    body.friendly p {
        color: rgba(255, 255, 255, 0.6);
    }

    body.friendly .hk-logo, body.friendly .app-icon {
        fill: rgba(255, 255, 255, 0.9);
    }

    body.friendly .info {
        fill: rgba(255, 255, 255, 0.9);
    }

    body.friendly .btn {
        color: #fff;
        border: 1px solid rgba(255, 255, 255, 0.9);
    }

    .info_area {
        position: fixed;
        right: 12px;
        bottom: 12px;
    }

    .logo {
        position: fixed;
        left: 12px;
        bottom: 12px;
    }

    code {
        background: #313440;
        border-radius: 4px;
        padding: 2px 6px;
        color: #D9DCEF;
    }

    code span {
        color: #D093E3;
    }

    p a {
        color: #408fec;
        text-decoration: none;
    }
    </style>
</head>
<body>
<div class=spacer></div>
<div class=message>
    <div class=message__title>Access invalid</div>
    <div>
        <p>
            抱歉，本网站仅用于给相关应用提供数据接口服务，并不直接针对人类开放，请 <a href="#">返回上一步</a>。
            您此次访问是无意义的，感谢您的来访！
        </p>
        <hr>
        <code>GameSpider<span>Hub</span></code>
    </div>
</div>
<div class=info_area>
    <a href="https://gitee.com/beijifeng/GameSpiderHub" target="_blank" >托管于Gitee</a>
</div>
</body>
</html>